<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>详情页</title>
		<script type="text/javascript" src="../plug-in/mutiLang/zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/jquery/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="../plug-in/"></script>
		<script type="text/javascript" src="../plug-in/tools/dataformat.js"></script>
		<link id="easyuiTheme" rel="stylesheet" href="../plug-in/easyui/themes/default/easyui.css" type="text/css"></link>
		<link rel="stylesheet" href="../plug-in/easyui/themes/icon.css" type="text/css"></link>
		<link rel="stylesheet" type="text/css" href="../plug-in/accordion/css/accordion.css">
		<script type="text/javascript" src="../plug-in/easyui/jquery.easyui.min.1.3.2.js"></script>
		<script type="text/javascript" src="../plug-in/easyui/locale/zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/tools/syUtil.js"></script>
		<script type="text/javascript" src="../plug-in/easyui/extends/datagrid-scrollview.js"></script>
		<script type="text/javascript" src="../plug-in/My97DatePicker/WdatePicker.js"></script>
		<link rel="stylesheet" href="../plug-in/tools/css/common.css" type="text/css"></link>
		<script type="text/javascript" src="../plug-in/lhgDialog/lhgdialog.min.js"></script>
		<script type="text/javascript" src="../plug-in/tools/curdtools_zh-cn.js"></script>
		<script type="text/javascript" src="../plug-in/tools/easyuiextend.js"></script>
		<script type="text/javascript" src="../plug-in/jquery-plugs/hftable/jquery-hftable.js"></script>
		<link rel="stylesheet" href="../plug-in/jquery/jquery-autocomplete/jquery.autocomplete.css" type="text/css"></link>
		<script type="text/javascript" src="../plug-in/jquery/jquery-autocomplete/jquery.autocomplete.min.js"></script>

	</head>

	<body>
		<div style="margin-bottom:10px;">
			<img style="margin-bottom:-7px" src="../plug-in/login/images/dispatch bill.png">
			<span class="list-title">BOE12541548764</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			<span style="font-size:13px;">状态：<span class="color-red">物流待发货</span></span>
		</div>

		<div class="subtitle">
			<p>关联信息</p>
			<table class="nobordertable noborder">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>服务单号CR:</label>
						</td>
						<td width="30%">
							CR201702040001
						</td>
						<td class="al_r" width="20%">
							<label>备件申请单号:</label>
						</td>
						<td width="30%">
							201702040001
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>SR:</label>
						</td>
						<td width="30%">
							2040001
						</td>
						<td class="al_r" width="20%">
							<label>SO:</label>
						</td>
						<td width="30%">
							50N235621
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>备件申请</p>
				<div class="l-div">
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>备件类型:</label>
						</td>
						<td width="30%">
							LPS
						</td>
						<td class="al_r" width="20%">
							<label>备件号:</label>
						</td>
						<td width="30%">
							R677K
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>备件描述:</label>
						</td>
						<td colspan="3">
							<span class="color-red">xxxxxxxxx</span>
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>数量:</label>
						</td>
						<td width="30%">
							1
						</td>
						<td class="al_r" width="20%">
							<label>申请优先级:</label>
						</td>
						<td width="30%">
							中

						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>备件说明:</label>
						</td>
						<td colspan="3">
							xxxxxxx
						</td>

					</tr>
				</tbody>
			</table>
		</div>	
			<div style="margin-top:20px; width: 98%; margin: 10px auto;"><span style="font-weight: bold;">说明</span></div>
			<div class="line"></div>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>申请理由:</label>
						</td>
						<td width="30%">
							正常服务
						</td>
						<td class="al_r" width="20%">
							<label>上传附件:</label>
						</td>
						<td width="30%">
							<span class="color-blue">12312312.jpg</span>
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>期望到货时间:</label>
						</td>
						<td width="30%">
							2017-02-04
						</td>
						<td class="al_r" width="20%">
							
						</td>
						<td width="30%">
							
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>备注:</label>
						</td>
						<td colspan="3">
							xxxxxxxxxxx
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>收货人信息</p>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>是否自提:</label>
						</td>
						<td colspan="3">
							是
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>姓名:</label>
						</td>
						<td width="30%">
							张三
						</td>
						<td class="al_r" width="20%">
							<label>电话:</label>
						</td>
						<td width="30%">
							18855367556
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>收货地址:</label>
						</td>
						<td width="30%">
							北京北京市小西天电影城
						</td>
						<td class="al_r" width="20%">
							<label>影院名称:</label>
						</td>
						<td width="30%">
							小西天电影城
						</td>
					</tr>
					<tr>
						<td class="al_r"><label>自提仓库:</label></td>
						<td colspan="3">
							北京
							&nbsp;&nbsp;
							<span>北京市顺义区李桥镇XXX</span>
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>发货信息</p>
			<table class="ftable">
				<tbody>
					<tr>
						<th>发货状态</th>
						<th>预计到货时间</th>
						<th>发货单号</th>
						<th>备件型号</th>
						<th>备件号</th>
						<th>物流</th>
						<th>创建时间</th>
					</tr>
					<tr>
						<td>已签收</td>
						<td>2017-02-03</td>
						<td>FH1612120001</td>
						<td>LPS/ENG</td>
						<td>R765523K/R868361FK</td>
						<td>配思</td>
						<td>2016-12-12 12：00：00</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>申请人信息</p>
			<table class="nobordertable noborder" style="border: none;">
				<tbody>
					<tr>
						<td class="al_r" width="20%">
							<label>申请人:</label>
						</td>
						<td width="30%">
							张三
						</td>
						<td class="al_r" width="20%">
							<label>服务商:</label>
						</td>
						<td width="30%">
							天影
						</td>
					</tr>
					<tr>
						<td class="al_r" width="20%">
							<label>电话:</label>
						</td>
						<td width="30%">
							18822337766
						</td>
						<td class="al_r" width="20%">
							
						</td>
						<td width="30%">
							
						</td>
					</tr>
				</tbody>
			</table>
		</div>
		<div class="subtitle">
			<p>日志</p>
			<table class="ftable">
				<tbody>
					<tr>
						<th>操作人</th>
						<th>时间</th>
						<th>描述</th>
					</tr>
					<tr>
						<td>刘xx</td>
						<td>2017-02-03</td>
						<td>发货异常：已取消发货</td>
					</tr>
				</tbody>
			</table>
		</div>
	</body>

</html>